*{margin: 0;padding: 0;}
body{font: 14px/1.5 "Microsoft Yahei","Microsoft Yahei UI",Arial,"Hiragino Sans GB",sans-serif;
  color: #666;}
//header
#header{ width:100%;height:139px;
    .header{width: 100%;height: 101px;background:url(../images/index_topbg.jpg) no-repeat;background-size:100% 100%;
        .headerTop{ width:1240px;height:73px;margin: 0 auto;padding:14px 0px;
            .headerLeft{position: relative;float: left;height: 64px;z-index: 300;
                h1{width: 220px;height: 73px;float: left;position: relative;text-align: center;
                    a{height: auto;width: 184px;float: left;padding: 9px 0;}
                  }
                }
            .headerRight{display: inline;height: 28px;float: right;position: relative;z-index: 401;width: 910px;padding-top: 25px;padding-left: 100px;
                .header-car{float: right;display: inline-block;position: relative;margin-right: 10px;list-style: none;
                    .shop-car{width: 115px;height: 28px;line-height: 28px;padding: 0;margin: 0;background: #fcc800;border-radius: 5px;
                        a{color: #333;display: block;text-align: center;text-decoration: none;}
                        .car-box{position: absolute;background-color: #fff;right: 0;top: 28px;width: 390px;z-index: -1;border-radius: 6px 0 6px 6px;box-shadow: 0 3px 16px rgba(0,0,0,.4);display: none;
                            .shop-car-empty{padding: 15px 0;text-align: center;color: #666;font-size: 14px;overflow: hidden;
                               a{display:block;width:100%;height:70px;
                                img{display:inline-block;height:70px;}
                                p{display:inline-block;position:relative;top:-16px;color:#333;}
                               }
                            }
                        }
                    }
                    .shop-car:hover  .car-box{display:block;
                    }
                    .shop-car:hover{background:#ffffff ;border-radius: 6px  6px 0 0;
                        a{color:#8aa3d7;
                        }
                    }
                }
                .select{width: 208px;height: 26px;margin: 0 10px;display: inline;float: right;border: 1px solid #f4f4f4;line-height: 26px;border-radius: 5px;overflow: hidden;
                    .select-box{width:140px;height: 26px;border:none;position: absolute;background:rgba(0,0,0,0);color:RGB(241,244,232) ;
                    }
                    .select-btn{
                        width:70px;height: 26px;border:none;background:rgba(0,0,0,0);float: right;color:RGB(241,244,232);
                    }
                    .select-btn:hover{color: RGB(252,200,32);}
                }
                .navbar{list-style: none; display: inline;float: left;position: relative;z-index: 1;font-size: 16px;height: 22px;line-height: 22px;margin: 3px 5px 0 0;padding-right: 5px;
                }
                .navbar li{display: inline;float: left;position: relative;z-index: 1;
                }
                .navbar li a{display: inline-block;padding: 0 12px;color: #fff;line-height: 22px;display: inline-block;padding: 0 12px;color: #fff;line-height: 22px;text-decoration: none;
                }
                .navbar li .hover{color:RGB(252,200,32) ;}
            }
        }
        .header-bottom{width: 100%;height: 38px;background: #e6e7e9;position:relative;
            .header-bottom-box{width: 1241px;height: 38px;margin: 0 auto;
                .bottom-left-hover{
                    .header-bottom-left{width: 235px;height: 38px;padding-left: 40px;line-height: 38px;color: #7a7a7a;font-size: 16px;float:left;}
                    .nav-list{list-style: none;width:272px;float: left;position:absolute;top: 41px;border-left: 1px solid #ebecef;
                        li{ width:259px;padding: 14px 0 10px 13px;border-left: 2px solid #fff;border-bottom: 1px solid #ebecef;
                            .nav-list-title{color: #495672;font-weight: 700;font-size: 14px;line-height: 22px;margin-right: 10px;display:block;vertical-align: middle;}
                            a{color:#666666;text-decoration: none;line-height: 22px;font-size: 13px;margin-right: 10px;display: inline-block;vertical-align: middle;}
                            .nav-list-title:hover{color:#495672;}
                            a:hover{color:#8aa3d7;text-decoration: underline;}
                        }
                     }
                }
                .header-bottom-right{ width: 825px;height: 38px;margin-right:100px;float: right;list-style: none;font-size: 14px ;color: #7a7a7a;
                    li{float: right;height: 18px;padding: 10px 0;  line-height: 18px;position: relative;
                       a{padding-left: 15px;color: #7a7a7a;text-decoration: none;font-size: 14px;display: block;float: left;text-align: center;}
                       a:hover{color: black;}
                    }
                    .li-nav{float: left;
                        .all-list{width:1165px;background: #f9f9f9;padding:28px 38px 0 38px;position:absolute;top: 38px;left: -316px;display: none;
                            div{width: 162px;height:47px;line-height:47px;float:left;background: #f1f1f1;margin: 0 16px 32px;
                                a{color: #7b7883;font-size: 18px;padding: 0;width: 162px;}
                                a:hover{color: white; background: #485671;}
                            }
                        }
                    }
                    .li-nav:hover div{display: block;z-index:999;}
                    .order a{padding-right:15px;border-right:1px solid #7a7a7a;}
                }
            }
        }
    } 
}
//header
//contern
#content{width: 1241px;margin:0 auto;
    //nav
    #nav{width: 1239px;height: 563px;border-left: 1px solid #dcdcdc;border-right: 1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;background: #FFF;margin: 0 auto;overflow: hidden;
        
        .nav-top{margin-left:274px;
            a{display: block;width:966px;height:413px;position: absolute;z-index:100;display: none;
                img{width: 100%;height: 100%;}
            }
            a:nth-child(1){display: block;}
            #ul{list-style: none;position: relative;z-index: 200;left:860px;top:380px;
                li{width: 12px;height: 12px;border-radius: 50%;background: #DCDCDC;float: left;margin-left: 5px;cursor: pointer;}
                li:nth-child(1){background:#fcc800;}
            }
            .btn{ width: 966px;height: 62px;position: absolute;top: 310px;z-index: 200;display: none;cursor: pointer;
                .btn-left,.btn-right{width:28px;height: 62px;background: gray;  background: rgba(0,0,0,0.2);font-weight: bold;font-size: 20px;float: left;line-height: 62px; text-align: center; color: white;}
                .btn-right{float:right;}
            }
        }
        .nav-bottom{margin-top: 413px;overflow: hidden;margin-left:274px;
            a{width: 320px;height: 150px;border-left: 1px solid #dfdfdf;float: left;
                img{width: 100%;height: 100%;}
            }
        }
    }
    .title{width:1239px;position: relative;height: 29px;border-bottom: 1px solid #e7e7e7;padding: 25px 0 15px; font-size: 20px;text-indent: 5px;font-weight: 400;color: #413636;}
    //new
    .new-box{width:1240px;height:398px;border: 1px solid #ebecef;border-right: 0;overflow: hidden;
        .new-list{border-right: 1px solid #ebecef;border-top: 1px solid #ebecef;float: left;margin-top: -1px;position: relative;width: 412px;
            a{height: 360px;display: block;color: #9e9e9e;padding: 15px 22px; border: 4px solid #fff;-webkit-transition: border-color .5s;transition: border-color .5s;
            }
            a:hover{border-color:#e9e9e9;}
        }
    }
    //hot
    .hot-box{width:1240px;height:383px;border: 1px solid #ebecef;border-right: 0;overflow: hidden;
       
            .list-box{border-right: 1px solid #ebecef;border-top: 1px solid #ebecef;float: left;position: relative;width: 309px;
                a{height:374px;display: block;color: #9e9e9e;border: 4px solid #fff;-webkit-transition: border-color .5s;transition: border-color .5s;text-decoration: none;
                    img{  display: block;width: 300px;height: 300px;margin: 0 auto;}
                    p{width:100%;text-align:center;color: #4b4b4b;font-size: 14px;font-weight: 400;margin: 10px 0 5px;display:block;}
                }
                a:hover{border-color:#e9e9e9;}
            }
    }
    .parts-box{height:936px;border-left: 1px solid #ececec;border-top: 1px solid #ececec;
        .parts-left{width: 927px;height: auto;float: left;text-align: center;
            .left-top-left{display: block;float: left;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;
                a{width:609px;height:303px;display: block;float:left;color: #9e9e9e;border: 4px solid #fff;-webkit-transition: border-color .5s;transition: border-color .5s;text-decoration: none;
                    .massage{float: left;padding-left: 38px;font-family: "Microsoft yahei";
                        h3{padding-top: 49px;font-size: 30px;font-weight: 400;color: #303030;}
                        .massage-name{padding-top: 6px;font-size: 14px;color: #999;}
                        .massage-money{padding-top: 23px;font-size: 33px;color: #303030;}
                    .massage-img{float: right;padding-right: 28px;width: 301px;height: 301px;}
                    }
                    img{display: block;width: 301px;height: 301px;margin: 0 auto;}
                }
                a:hover{border-color:#e9e9e9;}
            }
            .left-other{float: left;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;
                 a{width:300px;height:303px;display: block;color: #9e9e9e;border: 4px solid #fff;-webkit-transition: border-color .5s;transition: border-color .5s;text-decoration: none;
                    .img{height: 230px;text-align: center;
                        img{  display: block;width: 230px;height: 230px;margin: 0 auto;}
                    }
                    .other-name{margin-top: 8px;font-size: 14px;color: #4b4b4b;}
                    .other-money{margin-top: 8px;font-size: 14px;color: #848484;}
                }
                a:hover{border-color:#e9e9e9;}
            }
        }
        .parts-right{width: 311px;height: auto;float: left;border-right: 1px solid #ececec;border-bottom: 1px solid #ececec;
            .hot-parts{display: block;height: 102px;border-bottom: 1px solid #ececec;background: url(../images/ico-03.png) no-repeat center center;}
            ul{list-style: none;
                li{
                    a{height:103px;display: block;color: #9e9e9e;text-decoration: none;border-bottom:1px dashed #ececec;
                        img{width: 120px;height: 81px;margin-top: 10px;display: inline-block;}
                        .sp{display: inline-block;vertical-align: top;font-size: 28px;color: #4b4b4b;margin-top: 35px;font-weight: 400;}
                        span{display: inline-block;vertical-align: top;margin-top: 35px;font-size: 12px;color: #4b4b4b;margin-left: 10px;
                            em{font-style: normal;font-size: 12px;color: #9e9e9e;
                                i{font-size: 16px;color: #4b4b4b;font-style: normal;margin-right: 2px;}
                            }
                        }
                    }
                }
            }
        }
    }
}
//contern
//footer
#footer{position:relative;width: 100%;height:100px;background-color: #f7f6f6;margin: 50px auto 0; background-size: cover; display: table;
    .footer{
        width: 1241px;margin: 0 auto;text-align: center;padding-top:40px;
        p{line-height: 1.5;}
    }
}
//footer

